
/*
* @description: css重设
* @author: jason.wang
*/
body,div,dl,dt,dd,ul,ol,li,pre,h1,h2,h3,h4,h5,h6,input,textarea, select, button,form,fieldset,p,blockquote,th,td {
    padding: 0;/*重置内填充和外填充，避免使用*通配符，浪费性能。*/
    margin: 0;
}
header,section,aside,nav,figure,figcaption{
    margin:0;
    padding:0;
    display:block;
}
/*设置默认字体*/
body{
    font-size:14px;
    font-family: arial "华文细黑" \534E\6587\7EC6\9ED1 ;
    /*background: #f0eff5;*/
    /*background: #eee;*/
}
/*重置输入表单的字体大小和字体样式,使之继承父类字体*/
h1,h2,h3,h4,h5,h6,input,textarea, select, button{
    font-size: 100%;
    font-family:inherit;
}
input, label, select, option, textarea, button, fieldset,legend {
    font-size:14px;
    font-family: arial "华文细黑" \534E\6587\7EC6\9ED1;
}
input{ height: 30px; }
/*在获取焦点时，去掉外面蓝框，主要针对input、链接类型*/
:focus {
    outline: 0;
}
/*去掉默认的点和序列号*/
ul,ol,li{
    list-style:none;
}
/*按钮的样式设置为手型*/
button,submit {
    cursor:pointer;
}
textarea {
    resize:none;
    outline:none;
}
address,cite,dfn,em,var,i{
    font-style:normal;
}
strong{
    font-weight:normal;
}
/*去掉默认边框和底部空白区*/
img{
    border:none;
    vertical-align: top;
}
/*去掉表格边框之间的间距*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*遵循爱恨LVHA原则，设置链接和颜色和下划线*/
a,a:link,a:visited,a:hover,a:active{
    text-decoration:none;
}

/****常用css样式*****/

.clear{*zoom:1;}
.clear:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow:hidden;
    visibility: hidden;
}
.fl,.fc,.left{
    float:left;
}
.fr,right{
    float:right;
}
.l,.c,.r{ float: left;}
.r{ float: right;}


input::-ms-clear{display:none;}
input{
    background:none;
    outline:none;
    border:none;
}

.clearfix{
    clear:both;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearFix{
  clear:both;
}
.clearFix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.city-picker-input {
    opacity: 0 !important;
    top: -9999px;
    left: -9999px;
    position: absolute;
}

.city-picker-span {
    position: relative;
    display: block;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #ccc;
    cursor: pointer;
}

.city-picker-span > .placeholder {
    color: #aaa;
}

.city-picker-span > .arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    margin-top: -3px;
    height: 5px;
    background: url(./images/drop-arrow.png) -10px -25px no-repeat;
}

.city-picker-span.focus,
.city-picker-span.open {
    border-bottom-color: #46A4FF;
}

.city-picker-span.open > .arrow {
    background-position: -10px -10px;
}

.city-picker-span > .title > span {
    color: #333;
    padding: 5px;
    border-radius: 3px;
}

.city-picker-span > .title > span:hover {
    background-color: #f1f8ff;
}

.city-picker-dropdown {
    position: absolute;
    width: 315px;
    left: -9999px;
    top: -9999px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
    min-width: 330px;
    margin-bottom: 20px;
}

.city-select-wrap {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.city-select-tab {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 13px;
}

.city-select-tab > a {
    display: inline-block;
    padding: 8px 22px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4D4D4D;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
}

.city-select-tab > a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #46A4FF;
}

.city-select-tab > a:first-child {
    border-left: none;
}

.city-select-tab > a:last-child.active {
    border-right: 1px solid #ccc;
}

.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
}

.city-select {
    font-size: 13px;
}

.city-select dl {
    line-height: 2;
    clear: both;
    padding: 3px 0;
    margin: 0;
}

.city-select dt {
    position: absolute;
    width: 2.5em;
    font-weight: 500;
    text-align: right;
    line-height: 2;
}

.city-select dd {
    margin-left: 0;
    line-height: 2;
}

.city-select.province dd {
    margin-left: 3em;
}

.city-select a {
    display: inline-block;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.city-select a:hover,
.city-select a:focus {
    background-color: #f1f8ff;
    border-radius: 2px;
    color: #46A4FF;
}

.city-select a.active {
    background-color: #46A4FF;
    color: #fff;
    border-radius: 2px;
}



.message-nav{
  margin:.4rem 0;
  width:100%;
  box-sizing:border-box;
  background:#fff;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 1rem;
}

.message-nav ul{
  display:flex;
  justify-content:space-around;
  align-items:center;

}
.message-nav ul li{
  position:relative;
  width: 2.5rem;
  text-align: center;
  font-size: 0.6rem;
  color: #b01f24;
}
.badgate{
  position:absolute;
  top:-0.3rem;right:-0.11rem;
  width:.8rem;
  height:.8rem;
  background:red;
  border-radius:50%;
  color:#fff;
  line-height:.8rem;
  text-align:center;
  font-size:.4rem;
}


.message-nav .on{
  background: #b01f24;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 50px #888888;
}
.next-btn{
  padding: 0 0.5rem;
  padding-bottom: 2rem;
  margin-top: 1rem;
}

.no-msg-content{
  text-align: center;
  padding: 4rem 0 4rem;
  font-size: 0.6rem;
  color: #c2c2c2;
}
.no-msg-content .no-msg img{
  width: 2rem;
}
.no-msg-content .no-text{
  margin-top: .7rem;
}

.article-detail-content img {
  max-width: 100%;
  margin-top: 0.5rem;
}

.ico-home{
  display: inline-block;
  width: 1.2rem;
  height:1.2rem;
  position: fixed;
  right:.7rem;
  top: .7rem;
  background: url(./images/home.png) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 10000;
  opacity: 0.9;
}

